<template>
  <div class="router-content">
    <div class="mian-header">设置档口</div>
    <div class="main-content">
      首先进入菜谱计划页面，点击右上角“档口名称”如下图所示，可以切换档口，选择想要设置菜谱计划的档口，设置该档口的菜谱计划。
      <img src="/static/imgs/windows/plan_1.png"/>
    </div>
    <div class="mian-header">添加菜谱计划</div>
    <div class="main-content">
      首先设置好档口，然后选择好餐别（早餐，午餐、晚餐、夜宵），再然后选中要设置菜谱计划的日期（今天，明天······），
      最后点击堂食或订餐旁边的“<img class="icon_img" src="/static/imgs/windows/plan_icon_1.png"/>”如下图所示
      <img src="/static/imgs/windows/plan_2.png"/>
      弹出添加单品对话框，选择想要添加的单品，点击提交，即可添加堂食或订餐的菜谱计划。
      <img src="/static/imgs/windows/plan_3.png"/>
    </div>
    <div class="mian-header">复制菜谱计划</div>
    <div class="main-content">
      首先设置好档口，然后选择好餐别（早餐，午餐、晚餐、夜宵），再然后选中要复制菜谱计划的日期（今天，明天······），
      最后点击堂食或订餐旁边的“<img class="icon_img" src="/static/imgs/windows/plan_icon_2.png"/>”如下图所示
      <img src="/static/imgs/windows/plan_4.png"/>
      弹出日期，选择开始到结束日期，点击确定，弹出复制成功对话框，即可复制成功菜谱计划。
      <img src="/static/imgs/windows/plan_5.png"/>
    </div>
    <div class="mian-header">修改数量</div>
    <div class="main-content">
      点击菜谱计划里面的单品旁边的<img class="icon_img" src="/static/imgs/windows/plan_icon_3.png"/>，即可修改单品数量，如下图所示，点击“+”添加数量，点击“-”减少数量。
      <img src="/static/imgs/windows/plan_6.png"/>
    </div>
    <div class="mian-header">删除单品</div>
    <div class="main-content">
      点击菜谱计划里面的单品旁边的<img class="icon_img" src="/static/imgs/windows/plan_icon_4.png"/>，如下图所示，即可删除菜谱计划里的单品。
      <img src="/static/imgs/windows/plan_7.png"/>
    </div>
  </div>
</template>

<script>
import Bus from '@/assets/bus'
export default {
  name: 'index',
  data () {
    return {
      menus: []
    }
  },
  created () {
    this.menus = this.$route.matched
    Bus.$emit('menus', this.menus)
    // console.log(this.$route.matched)
  }
}
</script>
<style>
.icon_img{
  width: 50px !important;
  height: 50px;
  padding: 0 !important;
}
</style>
